@import url("/inc/css.css?v=1.05");

#jdt{position:relative;margin:0;width:100%;height:400px;clear:both;overflow:hidden;}
#jdt li{display:none;height:400px;overflow:hidden;}
#jdt li a{display:block;width:100%;height:400px;text-indent:-999em;overflow:hidden;}
#jdt_page{position:absolute;z-index:2;top:50%;left:50%;margin:100px 0 0 -40px;width:80px;height:20px;text-align:center;}
#jdt_page strong{float:left;width:20px;height:20px;display:block;margin-left:5px;background:#094;border-radius:10px;}
#jdt_page a{float:left;width:20px;height:20px;display:block;margin-left:5px;background:#fff;border-radius:10px;}
#jdt_1 a{background:url(/image/main/banner001.jpg?v=1.01) no-repeat center center;background-size:cover;}
#jdt_2 a{background:url(/image/main/banner002.jpg?v=1.01) no-repeat center center;background-size:cover;}
#jdt_3 a{background:url(/image/main/banner003.jpg?v=1.01) no-repeat center center;background-size:cover;}
#m_about{margin:30px auto;width:92%;clear:both;overflow:hidden;}
#m_about h5,#m_case h5{height:50px;line-height:50px;font-family:"黑体";font-size:38px;font-weight:normal;text-align:center;}
#m_about p,#m_case p{height:35px;line-height:35px;font-size:16px;color:#666;text-align:center;}
#m_about ul{margin-top:15px;clear:both;overflow:hidden;}
#m_about ul li{float:left;width:20%;height:230px;overflow:hidden;}
#m_about ul li img{display:block;width:100%;}
#m_about ul li:nth-child(1){width:60%;}
#m_about ul li:nth-child(1):hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);transition:all 0.3s ease-out 0s;}
#m_about ul li:nth-child(4){width:calc(60% - 40px);height:200px;display:block;font-style:normal;padding:15px 20px;line-height:30px;font-size:18px;text-align:left;color:#000;background:#f4f4f4;overflow:hidden;}
#m_about ul li:nth-child(3),#m_about ul li:nth-child(5){line-height:30px;font-size:16px;color:#fff;text-align:center;background:#3672ca;}
#m_about ul li:nth-child(3) span,#m_about ul li:nth-child(5) span{display:block;margin:50px 30px 15px 30px;height:50px;line-height:50px;font-family:"黑体";font-size:22px;border-bottom:2px solid #fff;color:#fff;}
#m_case{margin:30px auto;padding:30px 0;width:100%;background:url(/image/main/bg_case.jpg) no-repeat center center;background-size:cover;clear:both;overflow:hidden;}
#m_case ul{margin:20px auto;width:96%;clear:both;overflow:hidden;}
#m_case ul li{position:relative;float:left;margin:0 1%;padding-top:55px;width:23%;height:500px;overflow:hidden;}
#m_case ul li img{display:block;width:100%;height:200px;overflow:hidden;}
#m_case ul li i{position:absolute;top:0;left:50%;margin:0 0 0 -48px;width:95px;height:109px;}
#m_case ul li i img{width:95px;height:109px;}
#m_case ul li span{display:block;padding:10% 15%;width:calc(100% - 30%);height:250px;background:#fff;color:#666;font-size:16px;line-height:35px;}
#m_case ul li span b{display:block;line-height:62px;color:#3a3a3a;text-align:center;font-size:20px;}
#m_case ul li:nth-child(2),#m_case ul li:nth-child(4){margin-top:55px;}
#m_case ul li:nth-child(2) span,#m_case ul li:nth-child(4) span{background:#3672ca;color:#fff;}
#m_case ul li:nth-child(2) b,#m_case ul li:nth-child(4) b{color:#fff;}
#m_news{margin:5px auto;width:92%;clear:both;overflow:hidden;}
#m_news h5{height:80px;line-height:80px;font-family:"黑体";font-size:38px;font-weight:normal;text-align:center;}
#m_news p{height:50px;line-height:50px;font-size:16px;color:#666;text-align:center;}
#m_news ul li{margin-top:20px;float:left;width:40%;height:80px;overflow:hidden;}
#m_news ul li:nth-child(2n){float:right;}
#m_news ul li i{display:block;float:left;margin:8px 10px;width:70px;height:64px;line-height:32px;font-size:20px;color:#898989;font-style:normal;text-align:center;}
#m_news ul li i span{float:left;width:70px;height:32px;display:block;font-size:25px;color:#000;background:#dbdbdb;}
#m_news ul li u{float:right;width:calc(100% - 95px);height:30px;line-height:30px;font-size:16px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#m_news ul li em{display:block;float:right;width:calc(100% - 95px);height:50px;line-height:22px;font-size:14px;color:#888;font-style:normal;overflow:hidden;}
#m_products{margin:30px auto;width:100%;background:#f6f6f6;clear:both;overflow:hidden;}
#m_products h5{height:80px;line-height:80px;font-family:"黑体";font-size:38px;font-weight:normal;text-align:center;}
#m_products p{height:50px;line-height:50px;font-size:16px;color:#666;text-align:center;}
#m_products ul{margin:15px auto 50px auto;width:92%;clear:both;overflow:hidden;}
#m_products ul li{float:left;width:33%;height:330px;}
#m_products ul li a{position:relative;display:block;width:100%;height:330px;overflow:hidden;}
#m_products ul li img{display:block;height:300px;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
#m_products ul li:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
#m_products ul li p{position:absolute;bottom:-100%;left:0;display:block;width:100%;height:100%;transition:all 0.4s;background:rgba(0, 0, 0, 0.75);overflow:hidden;}
#m_products ul li:hover p{bottom:0;border-bottom:10px solid #f00;}
#m_products ul li:hover p span{margin:120px 50px 0 50px;display:block;height:30px;line-height:30px;font-size:16px;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#m_products ul li em{position:absolute;bottom:0;left:0;display:block;text-align:left;width:100%;height:30px;line-height:30px;font-size:14px;font-style:normal;overflow:hidden;}
#m_products ul li:hover em{bottom:-80%;}
#m_contact{margin:30px auto 0 auto;width:100%;background:#323232;clear:both;overflow:hidden;}
#contact_nr{margin:30px auto;width:92%;clear:both;overflow:hidden;}
#i_lianxi{float:left;width:calc(100% - 200px);overflow:hidden;}
#i_lianxi p{height:80px;}
#i_lianxi p a{float:left;margin-right:15px;padding:0 10px;height:40px;line-height:40px;font-size:16px;background:#fff;overflow:hidden;}
#i_lianxi ul{font-size:16px;color:#fff;overflow:hidden;}
#i_lianxi li{height:30px;}
#i_weixin{float:right;width:180px;overflow:hidden;}
#i_weixin img{width:160px;height:160px;}
.m_more{margin-top:30px;padding:10px 0;text-align:center;clear:both;overflow:hidden;}
.m_more a{padding:5px 15px;height:50px;line-height:50px;font-size:18px;color:#666;border:2px solid #999;border-radius:15px;text-decoration:none;}
.m_more a:hover{color:#fff;border:2px solid #008;background:#008;}
#ghs{background:url(/image/main/ghs.png) no-repeat 0px 0px;padding:2px 0 3px 22px;}

@media (max-width:800px){

#jdt{height:170px;}
#jdt li{height:170px;}
#jdt li a{height:170px;}
#jdt_page{margin:10px 0 0 -40px;}
#jdt_1 a{background:url(/image/m/banner001.jpg?v=1.01) no-repeat center center;background-size:cover;}
#jdt_2 a{background:url(/image/m/banner002.jpg?v=1.01) no-repeat center center;background-size:cover;}
#jdt_3 a{background:url(/image/m/banner003.jpg?v=1.01) no-repeat center center;background-size:cover;}
#top_searchs{position:absolute;float:none;z-index:9;left:50%;width:90%;height:32px;padding:10px 3%;margin:200px 0 0 -48%;background:#fff;box-shadow:0 2px 20px 0 rgba(137,148,143,.15);border-radius:4px;overflow:hidden;}
#top_input{float:left;width:-webkit-calc(100% - 39px);width:-moz-calc(100% - 39px);width:calc(100% - 39px);border:1px solid #0161c2;height:26px;line-height:26px;padding:0 0 0 5px;overflow:hidden;}
#m_about{margin:50 auto 20px auto;width:100%;}
#m_about h5,#m_case h5,#m_news h5{height:25px;line-height:25px;font-size:20px;}
#m_about p,#m_case p,#m_news p{height:20px;line-height:20px;font-size:12px;}
#m_about ul li{float:left;width:25%;height:100px;overflow:hidden;}
#m_about ul li img{display:block;width:100%;}
#m_about ul li:nth-child(1){float:none;width:100%;}
#m_about ul li:nth-child(1):hover img{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;transition:none;}
#m_about ul li:nth-child(4){position:absolute;float:none;width:calc(100% - 20px);margin:0 0 0 0;padding:10px;height:150px;line-height:20px;font-size:12px;background:#fff;}
#m_about ul li:nth-child(2),#m_about ul li:nth-child(3),#m_about ul li:nth-child(5),#m_about ul li:nth-child(6){margin:160px 1% 0 1%;width:23%;}
#m_about ul li:nth-child(3),#m_about ul li:nth-child(5){line-height:20px;font-size:12px;}
#m_about ul li:nth-child(3) span,#m_about ul li:nth-child(5) span{display:block;margin:20px 0 3px 0;height:20px;line-height:20px;font-size:16px;border-bottom:1px solid #fff;}
#m_case{margin:20px auto;padding:20px 0;}
#m_case ul{margin:10px auto;width:96%;clear:both;overflow:hidden;}
#m_case ul li{margin:1%;padding-top:35px;width:48%;height:220px;}
#m_case ul li img{height:100px;}
#m_case ul li i{margin:0 0 0 -27px;width:50px;height:54px;}
#m_case ul li i img{width:50px;height:54px;}
#m_case ul li span{padding:3% 8%;width:calc(100% - 16%);height:120px;font-size:12px;line-height:20px;}
#m_case ul li span b{line-height:25px;font-size:16px;}
#m_case ul li:nth-child(2),#m_case ul li:nth-child(4){margin-top:1%;}
#m_case ul li:nth-child(2) span,#m_case ul li:nth-child(4) span{background:#fff;color:#000;}
#m_case ul li:nth-child(2) b,#m_case ul li:nth-child(4) b{color:#000;}
#m_news{margin:20px auto;width:98%;}
#m_news ul li{margin-top:10px;float:none;width:100%;height:60px;overflow:hidden;}
#m_news ul li:nth-child(2n){float:none;}
#m_news ul li i{margin:8px 10px;width:50px;height:50px;line-height:20px;font-size:16px;}
#m_news ul li i span{width:50px;height:20px;font-size:15px;}
#m_news ul li u{width:calc(100% - 75px);height:20px;line-height:20px;font-size:14px;}
#m_news ul li em{width:calc(100% - 75px);height:40px;line-height:20px;font-size:10px;}
#m_products{margin:20px auto;padding:20px 0;width:100%;}
#m_products h5{height:25px;line-height:25px;font-size:20px;}
#m_products p{height:20px;line-height:20px;font-size:12px;}
#m_products ul{margin:10px auto 0 auto;width:99%;}
#m_products ul li{float:left;width:48%;height:200px;padding-top:2%;padding-bottom:2%;line-height:20px;}	
#m_products ul li:nth-child(2n){float:right;}
#m_products ul li a{position:none;width:100%;height:200px;}
#m_products ul li img{height:180px;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
#m_products ul li:hover img{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;}
#m_products ul li p{position:none;bottom:-100%;transition:none;background:none;}
#m_products ul li:hover a{border-bottom:0px solid #fff;}
#m_products ul li:hover a span{margin:0;height:20px;line-height:20px;font-size:12px;}
#m_products ul li em{position:none;height:20px;line-height:20px;font-size:14px;}
#m_products ul li:hover em{bottom:0;}
#m_contact{margin:20px auto 0 auto;}
#contact_nr{margin:10px auto;width:92%;}
#i_lianxi{width:calc(100% - 120px);}
#i_lianxi p{height:50px;}
#i_lianxi p a{margin-right:10px;padding:0 5px;height:30px;line-height:30px;font-size:12px;}
#i_lianxi ul{font-size:12px;}
#i_lianxi li{height:20px;}
#i_weixin{width:100px;}
#i_weixin img{width:100px;height:100px;}
.m_more{margin-top:20px;}
.m_more a{height:30px;line-height:30px;font-size:16px;}
}